<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>        
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">       
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<title>Consultar Ventas por Fecha</title>
    </head>
    <body class="container">
        <%@include file="../../../opciones.jsp"%>
        <h1>Consultar Ventas por Fecha</h1>     
            <form id="form_fecha" class="form-horizontal" METHOD = "GET" ACTION = "<c:url value="/BuscarVentas"/>" >
				<div class="form-group">	
					<label for="fecha_ini" class="col-md-2 control-label">Fecha Inicial</label>
					<div class="col-md-10">
						<INPUT id="fecha_ini" class="form-control" TYPE="date" NAME="FECHA_INI" required/>
					</div>	
				</div>
				<div class="form-group">	
					<label for="fecha_fin" class="col-md-2 control-label">Fecha Final</label> 
					<div class="col-md-10">
						<INPUT id="fecha_fin" class="form-control" TYPE="date" NAME="FECHA_FIN" required/>
                    </div>
				</div>
				<div class="form-group">
					<div class="col-md-offset-2 col-md-10">
						<button type="submit" class="btn btn-default">Buscar</button>
					</div>    
                </div>                    
            </form>        
            <h2>${Mensaje}</h2>
	<script>
            $(document).ready(function(){
                var today = new Date();
                var dd = today.getDate();
                var mm = today.getMonth()+1; //January is 0!
                var yyyy = today.getFullYear();
                if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm} 
                today = yyyy+'-'+mm+'-'+dd;
                $('#fecha_ini').val(today);
                $('#fecha_ini').attr({"max" : today});
                $('#fecha_fin').val(today);
                $('#fecha_fin').attr({"max" : today});
            });
		$('#form_fecha').submit(function(e){
			e.preventDefault();
			var fDate = new Date($('#fecha_ini').val());
			var lDate = new Date($('#fecha_fin').val());
			fDate = Date.parse(fDate);
			lDate = Date.parse(lDate);
			if (fDate > lDate) {
                            alert('La fecha de inicio no puede ser posterior a la fecha final. Porfavor ingrese una fecha anterior a la fecha final.')
				}
				 else {
					$(this).unbind('submit').submit();
				}
		});
                
	</script>
    </body>
</html>

